/*
 * @Description: 
 * @Author: Cxy
 * @Date: 2023-08-14 08:34:20
 * @LastEditors: Cxy
 * @LastEditTime: 2025-10-26 18:14:33
 * @FilePath: \xy-admin\play\src\style\element.scss
 */
@use '@/style/mixin';

@mixin element {
    --el-bg-color-overlay: var(--color-bg);
    --el-fill-color-blank: var(--color-bg);

    --el-bg-color: var(--color-bg);
    --el-text-color-primary: var(--color-text);
    --el-text-color-regular: var(--color-text);

    --el-color-primary: rgb(var(--color-primary));
    --el-color-primary-dark-2: rgb(var(--color-primary-dark-2));
    --el-color-primary-light-3: rgb(var(--color-primary-light-3));
    --el-color-primary-light-5: rgb(var(--color-primary-light-5));
    --el-color-primary-light-7: rgb(var(--color-primary-light-7));
    --el-color-primary-light-8: rgb(var(--color-primary-light-8));
    --el-color-primary-light-9: rgb(var(--color-primary-light-9));

    --xy-step__icon: var(--main-color-bg);
    --xy-steps__bg: var(--el-bg-color);

    .el-drawer__header {
        margin-bottom: 20px;
    }

    .el-drawer__body {
        padding: 0;
    }

    .el-button+.el-button {
        margin-left: mixin.pxToRem(12);
    }
}